2 types of list
1. unordered list
2.ordered list
different list tems markers
example of unordered list
example of ordered list
- coffee
- tea
- coca cola
- coffee
- tea
- coca cola
An image as the list item marker
position the list items marker
list style position outside (default)
- cofee - Lorem, ipsum dolor sit amet consectetur adipisicing elit. Maxime magnam praesentium, perspiciatis ratione error vitae laboriosam cum consectetur cupiditate animi consequuntur mollitia eaque dignissimos. Aliquam sequi dicta odio est beatae!
- Tea - Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque voluptate reiciendis obcaecati ratione consectetur quidem eveniet perferendis asperiores tempora numquam deserunt, accusamus magni, debitis iure, aliquid earum. Corrupti, expedita eum!
list style position inside
- cofee - Lorem, ipsum dolor sit amet consectetur adipisicing elit. Maxime magnam praesentium, perspiciatis ratione error vitae laboriosam cum consectetur cupiditate animi consequuntur mollitia eaque dignissimos. Aliquam sequi dicta odio est beatae!
- Tea - Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque voluptate reiciendis obcaecati ratione consectetur quidem eveniet perferendis asperiores tempora numquam deserunt, accusamus magni, debitis iure, aliquid earum. Corrupti, expedita eum!
remove default settings
default list
remove bullets, margin and padding
styling with colors
- coffee
- tea
- coca cola
all css list properties
- list-style-image
- list-style-position
- list-style-type
- list-style